$fty_tabs_color_default: #95aac9;
$fty_tabs_color_active: #12263f;
$fty_tabs_border_color_active: rgb(44, 123, 229);

.fty-tabs {
  > div.fty-content-box {
    > .fty-tab-content {
      display: none;
      &.active {
        display: block;
      }
    }
  }

  > .fty-tabs-sheets {
    border-bottom: 1px solid rgb(227, 235, 246);
    display: flex;
  }

  > ul.fty-tabs-sheets, .el-tabs__nav {
    li, .el-tabs__item {
      cursor: pointer;
      font-weight: 400;

    }
    li.fty-tab, .el-tabs__item {
      min-height: 4em; line-height: 4em; padding: 0px 10px;
      color: #95aac9;
    }
    li.active {
      color: $fty_tabs_color_active;
      border-bottom: 1px solid $fty_tabs_border_color_active;
    }
    .is-active {
      color: $fty_tabs_color_active;
    }
    li:hover:not(.active), .el-tabs__item:hover:not(.is-active) {
      color: $fty_tabs_color_active;
    }
  }

  .el-tabs__nav-scroll {
    padding-left: 1em;
  }
}
